<template>
	<view class="container">
		<u-navbar :border-bottom="false" title="电子发票" :title-size="36" :title-bold="true" :title-color="textColor">
		</u-navbar>
		<u-form class="form" :model="form" ref="registerMdForm">
			<view class="u-m-t-22">
				<image src="/static/xiaoshou/yanzheng_small.png" style="width: 30rpx;height: 30rpx;vertical-align:middle;" mode=""></image>
				<text class="u-font-26 grey-color u-m-l-10" style="vertical-align:middle;">请您输入发票抬头信息后再进行开通</text>
			</view>
			<u-form-item label-position="top" label="名称" :label-style="labelStyle" prop="mendianname" required>
				<u-input v-model="form.mendianname" placeholder="请输入名称" />
			</u-form-item>
			<u-form-item label-position="top" label="纳税人识别号" :label-style="labelStyle" prop="mendianname" required>
				<u-input v-model="form.mendianname" placeholder="请输入纳税人识别号" />
			</u-form-item>
			<u-form-item label-position="top" label="地址、电话" :label-style="labelStyle" prop="job" required right-icon="forward">
				<u-input v-model="form.mendianname" placeholder="请输入地址、电话" />
			</u-form-item>
			<u-form-item label-position="top" label="开户行及账号" :label-style="labelStyle" prop="zj_type" required right-icon="forward">
				<u-input v-model="form.mendianname" placeholder="请输入开户行及账号" />
			</u-form-item>
		</u-form>
		<set-submit-bt text="提交审核" />
		<!-- 地区选择 -->
		<u-picker mode="region" v-model="pickerShow" :confirm-color="themeColor"></u-picker>
		<!-- modal框 -->
		<u-modal v-model="modalShow" title="您确定跳过注册企业？" :title-style="{fontWeight: 'bold'}" :content-style="contentStyle" :show-cancel-button="true" :confirm-color="themeColor" confirm-text="是" cancel-text="否" @confirm="$mRouter.switchTab({ route: '/pages/mine/index'})">
			<view class="slot-content">
				<rich-text :nodes="modalContent"></rich-text>
			</view>
		</u-modal>
	</view>
</template>

<script>
	import SetSubmitBt from '@/components/set-submit-bt/index.vue'
	export default {
		components: { SetSubmitBt },
		data() {
			return {
				modalShow: false,
				submitStyle: {
					height: '100rpx',
					color: '#FFFFFF',
					background: this.linearGradient
				},
				modalContent: `
					开店后您可以以批发价进货哦~<br>
					您也可以在“我”的“设置”中注册企业
				`,
				contentStyle: {
					color: this.greyColor,
					textAlign: 'center',
					lineHeight: '50rpx',
					fontSize: '22rpx',
					padding: '15rpx 0'
				},
				labelStyle: {
					fontSize: '30rpx',
					fontWeight: 'bold'
				},
				form: {
					mendianname: ''
				},
				pickerShow: false,
			}
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>

<style lang="scss" scoped>
	.container {
		// padding: 0 70rpx;
	}
	.form {
		padding: 0 70rpx;
	}
</style>
